<!DOCTYPE html>
<html lang="en-us">

<head>
    <title>权限分配</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="icon" href="favicon.ico"/>
    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link href="css/font-awesome.min.css" rel="stylesheet"/>
    <link href="css/default.css" rel="stylesheet" type="text/css"/>
    <link href="add-sample/css/temp.css" rel="stylesheet" type="text/css"/>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
    <script src="js/bootstrap/bootstrap-table.min.js"></script>
    <script src="js/bootstrap/bootstrap-table-zh-CN.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/bootstrap/html5shiv.min.js"></script>
    <script src="js/bootstrap/respond.min.js"></script>
    <![endif]-->
    <!-- 验证输入字段信息-->
    <script type="text/javascript" src="add-sample/js/validate.js"></script>

    <!--页面加载进度条-->
    <link href="css/pace/dataurl.css" rel="stylesheet"/>
    <script src="js/pace/pace.min.js"></script>
    <script src="js/jquery.scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
    <script src="js/jquery.extend.js" type="text/javascript"></script>
    <script src="js/default.js" type="text/javascript"></script>
    <script src="js/jqueryrotate.js" type="text/javascript"></script>

    <!-- artTemplate 模板引擎 -->
    <script src="js/template-web.js" type="text/javascript"></script>
    <link href="pagecss/power-add.css" rel="stylesheet"/>
</head>

<body>

<div class="maincontent">
    <!--我是主要内容-->
    <div class="content-wrapper" style="padding: 0px 16px 30px 16px;">
        <div class="content-section">
            <h3>基本信息</h3>
            <hr>
            <div class="base-info">
                <div class="base">
                    <span class="labelTxt">
                       <sapn class="required">*</sapn>
                       <span>用户名：</span>
                    </span>
                    <input id="user-name" validate="required" class="form-control" type="text" placeholder="请输入3-16位字母数字组成的用户名"/>
                </div>
                <div class="base">
                    <span class="labelTxt">
                        <sapn class="required">*</sapn>
                        <span>登录密码：</span>
                    </span>
                    <input id="user-pwd" validate="required" class="form-control" type="password" placeholder="请输入6-16位登录密码"/>
                </div>
                <div class="base">
                    <span class="labelTxt">
                        <sapn class="required">*</sapn>
                        <span>确认密码：</span>
                    </span>
                    <input id="user-repwd" validate="required" class="form-control" type="password" placeholder="请输入登录密码"/>
                </div>
                <div class="base">
                    <span class="labelTxt">
                        <span>真实姓名：</span>
                    </span>
                    <input id="real-name"  class="form-control" type="text" placeholder="请输入真实姓名"/>
                </div>
                <div class="base">
                    <span class="labelTxt">
                      <span>手机号码：</span>
                    </span>
                    <input id="user-mobile" class="form-control" type="tel" placeholder="请输入常用手机号码"/>
                </div>

                <div class="base">
                    <span class="labelTxt">
                       <span>性别：</span>
                    </span>
                    <select type="text" class="form-control value" id="user-sex" >
                        <option value=''>请选择性别</option>
                        <option value="0">未知</option>
                        <option value="1">女</option>
                        <option value="2">男</option>
                    </select>
                </div>
                <div class="base">
                    <span class="labelTxt">
                       <span>联系地址：</span>
                    </span>
                    <input id="user-address" class="form-control" placeholder="请输入联系地址"/>
                </div>
                <div class="base">
                    <span class="labelTxt">
                       <span>邮箱：</span>
                    </span>
                    <input id="user-email" class="form-control" placeholder="请输入常用邮箱"/>
                </div>
                <div class="base">
                    <span class="labelTxt">
                      <span>QQ号码：</span>
                    </span>
                    <input id="qq-num" class="form-control" placeholder="请输入常用QQ号码"/>
                </div>
                <div class="base">
                    <span class="labelTxt">
                      <span>用户类型：</span>
                    </span>
                    <select type="text" class="form-control value" id="user-type">
                        <option value=''>请选择类型</option>
                        <option value="0">UAMS管理员</option>
                        <option value="1">华大员工</option>
                        <option value="2">外包账号</option>
                        <option value="3">外部用户</option>
                    </select>
                </div>
                <div class="base">
                    <span class="labelTxt">
                       <span>员工状态：</span>
                    </span>
                    <select type="text" class="form-control value" id="user-status">
                        <option value=''>请选择状态</option>
                        <option value="0">离职</option>
                        <option value="1">在职</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="content-section">
            <h3>权限信息</h3>
            <hr>
            <div class="power-infos">
                <div class="power-list">
                    <div class="power-item" id="power-list">
                        <div class="icon-wrapper">
                            <div class="firstMenu">
                                <input type="checkbox" id="fMenu-A0" value="A0"/>民生免费券
                            </div>
                            <div id="subMenuA" class="subMenu">
                                <input type="checkbox" id="sub-A1" value="A1"/>免费券代申请
                                <input type="checkbox" id="sub-A2" value="A2"/>扫码枪扫码
                                <input type="checkbox" id="sub-A3" value="A3"/>免费券查看
                                <input type="checkbox" id="sub-A4" value="A4"/>免费券审核
                            </div>
                        </div>
                        <div class="icon-wrapper">
                            <div class="firstMenu">
                                <input type="checkbox" id="fMenu-B0" value="B0"/>送检单
                            </div>
                            <div id="subMenuB" class="subMenu">
                                <input type="checkbox" id="sub-B1" value="B1"/>查看送检单
                                <input type="checkbox" id="sub-B2" value="B2"/>编辑送检单
                                <input type="checkbox" id="sub-B3" value="B3"/>删除送检单
                                <input type="checkbox" id="sub-B4" value="B4"/>导出送检单
                            </div>
                        </div>
                        <div class="icon-wrapper">
                            <div class="firstMenu">
                                <input type="checkbox" id="fMenu-C0" value="C0"/>检测结果查询
                            </div>
                            <div id="subMenuC" class="subMenu">
                                <input type="checkbox" id="sub-C1" value="C1"/>结果查询
                                <input type="checkbox" id="sub-C2" value="C2"/>报告查看
                                <input type="checkbox" id="sub-C3" value="C3"/>新筛区县级
                                <input type="checkbox" id="sub-C4" value="C4"/>新筛医院级
                                <input type="checkbox" id="sub-C5" value="C5"/>产筛报告查看
                            </div>
                        </div>
                        <div class="icon-wrapper">
                            <div class="firstMenu">
                                <input type="checkbox" id="fMenu-D0" value="D0"/>统计报表
                            </div>
                            <div id="subMenuD" class="subMenu">
                                <input type="checkbox" id="sub-D1" value="D1"/>统计报表（总）
                                <input type="checkbox" id="sub-D2" value="D2"/>免费券--区县统计级
                                <input type="checkbox" id="sub-D3" value="D3"/>免费券--区县详情
                                <input type="checkbox" id="sub-D4" value="D4"/>免费券--医院级详情
                                <input type="checkbox" id="sub-D5" value="D5" />免费券--医院级
                                <input type="checkbox" id="sub-D6" value="D6" />免费券--街道使用统计
                                <input type="checkbox" id="sub-D7" value="D7" />免费券--机构扫码量统计
                                <input type="checkbox" id="sub-D8" value="D8" />机构样本接收量统计
                                <input type="checkbox" id="sub-D9" value="D9" />检测机构区域样本统计
                                <input type="checkbox" id="sub-D11" value="D11" />机构检测量统计
                            </div>
                        </div>
                        <div class="icon-wrapper">
                            <div class="firstMenu">
                                <input type="checkbox" id="fMenu-E0" value="E0"/>权限分配
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="operate-btns">
            <button type="button" class="btn btn-primary" onclick="save()">提交</button>
        </div>
    </div>

    <a href="#top" id="goTop">
        <i class="fa fa-angle-up fa-3x"></i>
    </a>
</div>

</body>
<script src="pagejs/power-add.js" type="text/javascript"></script>
</html>